$(function () {
	$("#close_win").click(function () {
		$("#subwindow").removeClass("subwin_show");
		$("#subwindow").addClass("subwin_close");
		setTimeout("close('#subwindow')", 750);
		setTimeout("close_win()", 850);

	})
	//ctb
	$("#ctb_i").hover(function () {
		$("#ctb_i").css("opacity", "1");
		$("#ctb").addClass("sub_hover");
	})
	$("#ctb_i").mouseout(function () {
		$("#ctb").removeClass("sub_hover");
	})
	$("#ctb_i").click(function () {
		$("#ctb").click();
		$("#ctb").focus();
	})
	$("#ctb").hover(function () {
		$("#ctb_i").css("opacity", "1");
		console.log("123");
	})
	$("#ctb").mouseout(function () {
		$("#ctb_i").css("opacity", "0.6");
	})


	//sub
	$("#sub_i").hover(function () {
		$("#sub_i").css("opacity", "1");
		$("#subtask").addClass("sub_hover");
	})
	$("#sub_i").mouseout(function () {
		$("#subtask").removeClass("sub_hover");
	})
	$("#sub_i").click(function () {
		$("#subtask").click();
		$("#subtask").focus();
	})
	$("#subtask").hover(function () {
		$("#sub_i").css("opacity", "1");

	})
	$("#subtask").mouseout(function () {
		$("#sub_i").css("opacity", "0.6");
	})
	//back
	$("#back_i").hover(function () {
		$("#back_i").css("opacity", "1");
		$("#backlogin").addClass("sub_hover");
	})
	$("#back_i").mouseout(function () {
		$("#backlogin").removeClass("sub_hover");
	})
	$("#back_i").click(function () {
		$("#backlogin").click();
		$("#backlogin").focus();
	})
	$("#backlogin").hover(function () {
		$("#back_i").css("opacity", "1");

	})
	$("#backlogin").mouseout(function () {
		$("#back_i").css("opacity", "0.6");
	})

	//0
	$("#model0,#chart0,#model0 h3").mouseover(function () {
		$("#model0 .chart_simple_0").addClass("char_0_hover");
		$("#model0 .chart_simple_1").addClass("char_1_hover");
		$("#model0 .chart_simple_2").addClass("char_2_hover");
		$("#model0 .chart_simple_3").addClass("char_3_hover");
	})
	$("#model0,#chart0,#model0 h3").mouseout(function () {
		$("#model0 .chart_simple_0").removeClass("char_0_hover");
		$("#model0 .chart_simple_1").removeClass("char_1_hover");
		$("#model0 .chart_simple_2").removeClass("char_2_hover");
		$("#model0 .chart_simple_3").removeClass("char_3_hover");
	})

	//1
	$("#model1,#chart1,#model1 h3").mouseover(function () {
		$("#model1 .chart_simple_0").addClass("char_0_hover");
		$("#model1 .chart_simple_1").addClass("char_1_hover");
		$("#model1 .chart_simple_2").addClass("char_2_hover");
		$("#model1 .chart_simple_3").addClass("char_3_hover");
	})
	$("#model1,#chart1,#model1 h3").mouseout(function () {
		$("#model1 .chart_simple_0").removeClass("char_0_hover");
		$("#model1 .chart_simple_1").removeClass("char_1_hover");
		$("#model1 .chart_simple_2").removeClass("char_2_hover");
		$("#model1 .chart_simple_3").removeClass("char_3_hover");
	})

	//2
	$("#model2,#chart2,#model2 h3").mouseover(function () {
		$("#model2 .chart_simple_0").addClass("char_0_hover");
		$("#model2 .chart_simple_1").addClass("char_1_hover");
		$("#model2 .chart_simple_2").addClass("char_2_hover");
		$("#model2 .chart_simple_3").addClass("char_3_hover");
	})
	$("#model2,#chart2,#model2 h3").mouseout(function () {
		$("#model2 .chart_simple_0").removeClass("char_0_hover");
		$("#model2 .chart_simple_1").removeClass("char_1_hover");
		$("#model2 .chart_simple_2").removeClass("char_2_hover");
		$("#model2 .chart_simple_3").removeClass("char_3_hover");
	})
	//3
	$("#model3,#chart3,#model3 h3").mouseover(function () {
		$("#model3 .chart_simple_0").addClass("char_0_hover");
		$("#model3 .chart_simple_1").addClass("char_1_hover");
		$("#model3 .chart_simple_2").addClass("char_2_hover");
		$("#model3 .chart_simple_3").addClass("char_3_hover");
	})
	$("#model3,#chart3,#model3 h3").mouseout(function () {
		$("#model3 .chart_simple_0").removeClass("char_0_hover");
		$("#model3 .chart_simple_1").removeClass("char_1_hover");
		$("#model3 .chart_simple_2").removeClass("char_2_hover");
		$("#model3 .chart_simple_3").removeClass("char_3_hover");
	})
	//k
	//3
	$("#model_0,#k_char0,#model_0 h3,#arrow").mouseover(function () {
		$("#model_0 .chart_simple_0").addClass("char_0_hover");
		$("#model_0 .chart_simple_1").addClass("char_1_hover");
		$("#model_0 .chart_simple_2").addClass("char_2_hover");
		$("#model_0 .chart_simple_3").addClass("char_3_hover");
	})
	$("#model_0,#k_char0,#model_0 h3,#arrow").mouseout(function () {
		$("#model_0 .chart_simple_0").removeClass("char_0_hover");
		$("#model_0 .chart_simple_1").removeClass("char_1_hover");
		$("#model_0 .chart_simple_2").removeClass("char_2_hover");
		$("#model_0 .chart_simple_3").removeClass("char_3_hover");
	})
})
function close(val) {
	$(val).hide();
}
function close_win() {
	$("#subwindow").removeClass("subwin_close");
	$("#subwindow").addClass("subwin_show");
}